<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高考分数线查询系统</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<style>

    * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        box-sizing: border-box;
    }

    .menu {
        padding: 0 10px 10px;
    }

    .area-con {
        width: 750px;
        height: auto;
        padding: 0 20px;
        border-bottom: 15px solid #f2f2f2;
    }

    .area-head {
        width: 100%;
        height: 65px;
        line-height: 1.2;
        font-size: 24px;
        padding-top: 20px;
    }

    .area-head img {
        float: left;
    }

    .area-head span {
        margin-left: 10px;
        float: left;
        color: #306baf;
    }

    .area-body > div {
        border: 1px solid #cccccc;
        background: #f7fbff;
        margin-bottom: 20px;
        line-height: 2;
        padding: 5px 10px 10px 10px;
    }

    .area-body div div:first-child {
        font-size: 22px;
        padding-left: 20px;
    }

    .area-body div div:last-child {
        padding-left: 20px;
        padding-right: 50px;
        font-size: 20px;
        letter-spacing: 2px;
        text-align: justify;
    }

    .area-body .report {
        text-align: center;
        padding-bottom: 30px;
    }

    .kssj {
        text-align: center;
        margin: 0px 0px;
        width: 100%;
    }

    .kssj div {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center !important;
    }

    table {
        border-collapse: separate;
        text-indent: initial;
        border-spacing: 2px;
    }
</style>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="province.html">各省份历年录取分数查询</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="college.html">各院校录取分数线查询</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="https://www.eol.cn/e_html/gk/chafen/index.shtml">高考查分</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="https://gkcx.eol.cn/">志愿填报</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="http://query.bjeea.cn/queryService/rest/admission/110">录取通知书查询</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="https://gkcx.eol.cn/school/search">院校排行</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="time.html">高考时间查询</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="major.html">专业查询</a>
        </div>
    </div>
</nav>
<div class="menu">
    <select id="time" class="combobox" data-style="btn-primary"></select>
    <button id="search_time" onclick="search_time">查看高考时间</button>
</div>
<div id="wrapper">

</div>
<script type="text/javascript" src="http://www.jb51.net/jslib/jquery/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    function gaokao(result) {
        sessionStorage.setItem('time', JSON.stringify(result))
    }

    var city_list = ['北京', '天津', '河北', '山西', '内蒙古', '山东', '上海', '江苏', '浙江', '江西', '福建', '安徽', '河南', '湖南', '湖北', '重庆', '四川',
        '云南', '贵州', '西藏', '广西', '吉林', '辽宁', '广东', '黑龙江', '陕西', '甘肃', '宁夏', '青海', '新疆', '海南']
    var option = "";
    city_list.map(function (item) {
        option += "<option value=" + item + ">" + item + "</option>"
    });
    $('#time').append(option);
    search_time($('#time').val());

    $('#search_time').click('', function () {
        search_time($('#time').val())
    });

    function search_time(now_city) {
        result = JSON.parse(sessionStorage.getItem('time'));
        var table_html = '';
        result.map(function (item) {
            for (var city in item['time']) {
                if (city === now_city) {
                    table_html += item['time'][city]
                }
            }
            $('#wrapper').html(table_html)
        })
    }


</script>
<script type="text/javascript" src="time.json?callback=gaokao"></script>
